.fl {
  float: left;
}
.fr {
  float: right;
}
.fli {
  float: left !important;
}
.fri {
  float: right !important;
}
.fni {
  float: none !important;
}
.clear {
  clear: both;
}
.relative {
  position: relative;
}
/* grid */
.col-1 {
  float: left;
  width: 8.33333333%;
  *width: 8.23333333%;
}
@media screen and (max-width: 960px) {
  .active-modal{
    width: 280px!important;
  }
}
@media screen and (max-width: 768px) {
  .col-1 {
    float: none;
    width: 100%;
  }
}
.offset-1 {
  margin-left: 8.33333333%;
}
@media screen and (max-width: 768px) {
  .offset-1 {
    margin-left: 0;
  }
}
.col-2 {
  float: left;
  width: 16.66666667%;
  *width: 16.56666667%;
}
@media screen and (max-width: 768px) {
  .col-2 {
    float: none;
    width: 100%;
  }
}
.offset-2 {
  margin-left: 16.66666667%;
}
@media screen and (max-width: 768px) {
  .offset-2 {
    margin-left: 0;
  }
}
.col-3 {
  float: left;
  width: 25%;
  *width: 24.9%;
}
@media screen and (max-width: 768px) {
  .col-3 {
    float: none;
    width: 100%;
  }
}
.offset-3 {
  margin-left: 25%;
}
@media screen and (max-width: 768px) {
  .offset-3 {
    margin-left: 0;
  }
}
.col-4 {
  float: left;
  width: 33.33333333%;
  *width: 33.23333333%;
}
@media screen and (max-width: 768px) {
  .col-4 {
    float: none;
    width: 100%;
  }
}
.offset-4 {
  margin-left: 33.33333333%;
}
@media screen and (max-width: 768px) {
  .offset-4 {
    margin-left: 0;
  }
}
.col-5 {
  float: left;
  width: 41.66666667%;
  *width: 41.56666667%;
}
@media screen and (max-width: 768px) {
  .col-5 {
    float: none;
    width: 100%;
  }
}
.offset-5 {
  margin-left: 41.66666667%;
}
@media screen and (max-width: 768px) {
  .offset-5 {
    margin-left: 0;
  }
}
.col-6 {
  float: left;
  width: 50%;
  *width: 49.9%;
}
@media screen and (max-width: 768px) {
  .col-6 {
    float: none;
    width: 100%;
  }
}
.offset-6 {
  margin-left: 50%;
}
@media screen and (max-width: 768px) {
  .offset-6 {
    margin-left: 0;
  }
}
.col-7 {
  float: left;
  width: 58.33333333%;
  *width: 58.23333333%;
}
@media screen and (max-width: 768px) {
  .col-7 {
    float: none;
    width: 100%;
  }
}
.offset-7 {
  margin-left: 58.33333333%;
}
@media screen and (max-width: 768px) {
  .offset-7 {
    margin-left: 0;
  }
}
.col-8 {
  float: left;
  width: 66.66666667%;
  *width: 66.56666667%;
}
@media screen and (max-width: 768px) {
  .col-8 {
    float: none;
    width: 100%;
  }
}
.offset-8 {
  margin-left: 66.66666667%;
}
@media screen and (max-width: 768px) {
  .offset-8 {
    margin-left: 0;
  }
}
.col-9 {
  float: left;
  width: 75%;
  *width: 74.9%;
}
@media screen and (max-width: 768px) {
  .col-9 {
    float: none;
    width: 100%;
  }
}
.offset-9 {
  margin-left: 75%;
}
@media screen and (max-width: 768px) {
  .offset-9 {
    margin-left: 0;
  }
}
.col-10 {
  float: left;
  width: 83.33333333%;
  *width: 83.23333333%;
}
@media screen and (max-width: 768px) {
  .col-10 {
    float: none;
    width: 100%;
  }
}
.offset-10 {
  margin-left: 83.33333333%;
}
@media screen and (max-width: 768px) {
  .offset-10 {
    margin-left: 0;
  }
}
.col-11 {
  float: left;
  width: 91.66666667%;
  *width: 91.56666667%;
}
@media screen and (max-width: 768px) {
  .col-11 {
    float: none;
    width: 100%;
  }
}
.offset-11 {
  margin-left: 91.66666667%;
}
@media screen and (max-width: 768px) {
  .offset-11 {
    margin-left: 0;
  }
}
.col-12 {
  float: left;
  width: 100%;
  *width: 99.9%;
}
@media screen and (max-width: 768px) {
  .col-12 {
    float: none;
    width: 100%;
  }
}
.offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .offset-12 {
    margin-left: 0;
  }
}
.row {
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;
  margin-right: -20px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .row {
    margin-right: 0;
  }
}
.col-content {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .col-content {
    margin-right: 0;
  }
}
/* margin */
.margin-0 {
  margin: 0px;
}
.margin-t-0 {
  margin-top: 0px;
}
.margin-r-0 {
  margin-right: 0px;
}
.margin-b-0 {
  margin-bottom: 0px;
}
.margin-l-0 {
  margin-left: 0px;
}
.margin-1 {
  margin: 10px;
}
.margin-t-1 {
  margin-top: 10px;
}
.margin-r-1 {
  margin-right: 10px;
}
.margin-b-1 {
  margin-bottom: 10px;
}
.margin-l-1 {
  margin-left: 10px;
}
.margin-2 {
  margin: 20px;
}
.margin-t-2 {
  margin-top: 20px;
}
.margin-r-2 {
  margin-right: 20px;
}
.margin-b-2 {
  margin-bottom: 20px;
}
.margin-l-2 {
  margin-left: 20px;
}
.margin-3 {
  margin: 30px;
}
.margin-t-3 {
  margin-top: 30px;
}
.margin-r-3 {
  margin-right: 30px;
}
.margin-b-3 {
  margin-bottom: 30px;
}
.margin-l-3 {
  margin-left: 30px;
}
.margin-4 {
  margin: 40px;
}
.margin-t-4 {
  margin-top: 40px;
}
.margin-r-4 {
  margin-right: 40px;
}
.margin-b-4 {
  margin-bottom: 40px;
}
.margin-l-4 {
  margin-left: 40px;
}
.margin-5 {
  margin: 50px;
}
.margin-t-5 {
  margin-top: 50px;
}
.margin-r-5 {
  margin-right: 50px;
}
.margin-b-5 {
  margin-bottom: 50px;
}
.margin-l-5 {
  margin-left: 50px;
}
.margin-6 {
  margin: 60px;
}
.margin-t-6 {
  margin-top: 60px;
}
.margin-r-6 {
  margin-right: 60px;
}
.margin-b-6 {
  margin-bottom: 60px;
}
.margin-l-6 {
  margin-left: 60px;
}
.margin-7 {
  margin: 70px;
}
.margin-t-7 {
  margin-top: 70px;
}
.margin-r-7 {
  margin-right: 70px;
}
.margin-b-7 {
  margin-bottom: 70px;
}
.margin-l-7 {
  margin-left: 70px;
}
.margin-8 {
  margin: 80px;
}
.margin-t-8 {
  margin-top: 80px;
}
.margin-r-8 {
  margin-right: 80px;
}
.margin-b-8 {
  margin-bottom: 80px;
}
.margin-l-8 {
  margin-left: 80px;
}
.margin-9 {
  margin: 90px;
}
.margin-t-9 {
  margin-top: 90px;
}
.margin-r-9 {
  margin-right: 90px;
}
.margin-b-9 {
  margin-bottom: 90px;
}
.margin-l-9 {
  margin-left: 90px;
}
.margin-10 {
  margin: 100px;
}
.margin-t-10 {
  margin-top: 100px;
}
.margin-r-10 {
  margin-right: 100px;
}
.margin-b-10 {
  margin-bottom: 100px;
}
.margin-l-10 {
  margin-left: 100px;
}
.margin-11 {
  margin: 110px;
}
.margin-t-11 {
  margin-top: 110px;
}
.margin-r-11 {
  margin-right: 110px;
}
.margin-b-11 {
  margin-bottom: 110px;
}
.margin-l-11 {
  margin-left: 110px;
}
.margin-12 {
  margin: 120px;
}
.margin-t-12 {
  margin-top: 120px;
}
.margin-r-12 {
  margin-right: 120px;
}
.margin-b-12 {
  margin-bottom: 120px;
}
.margin-l-12 {
  margin-left: 120px;
}
.margin-13 {
  margin: 130px;
}
.margin-t-13 {
  margin-top: 130px;
}
.margin-r-13 {
  margin-right: 130px;
}
.margin-b-13 {
  margin-bottom: 130px;
}
.margin-l-13 {
  margin-left: 130px;
}
.margin-14 {
  margin: 140px;
}
.margin-t-14 {
  margin-top: 140px;
}
.margin-r-14 {
  margin-right: 140px;
}
.margin-b-14 {
  margin-bottom: 140px;
}
.margin-l-14 {
  margin-left: 140px;
}
.margin-15 {
  margin: 150px;
}
.margin-t-15 {
  margin-top: 150px;
}
.margin-r-15 {
  margin-right: 150px;
}
.margin-b-15 {
  margin-bottom: 150px;
}
.margin-l-15 {
  margin-left: 150px;
}
.margin-16 {
  margin: 160px;
}
.margin-t-16 {
  margin-top: 160px;
}
.margin-r-16 {
  margin-right: 160px;
}
.margin-b-16 {
  margin-bottom: 160px;
}
.margin-l-16 {
  margin-left: 160px;
}
.margin-17 {
  margin: 170px;
}
.margin-t-17 {
  margin-top: 170px;
}
.margin-r-17 {
  margin-right: 170px;
}
.margin-b-17 {
  margin-bottom: 170px;
}
.margin-l-17 {
  margin-left: 170px;
}
.margin-18 {
  margin: 180px;
}
.margin-t-18 {
  margin-top: 180px;
}
.margin-r-18 {
  margin-right: 180px;
}
.margin-b-18 {
  margin-bottom: 180px;
}
.margin-l-18 {
  margin-left: 180px;
}
.margin-19 {
  margin: 190px;
}
.margin-t-19 {
  margin-top: 190px;
}
.margin-r-19 {
  margin-right: 190px;
}
.margin-b-19 {
  margin-bottom: 190px;
}
.margin-l-19 {
  margin-left: 190px;
}
.margin-20 {
  margin: 200px;
}
.margin-t-20 {
  margin-top: 200px;
}
.margin-r-20 {
  margin-right: 200px;
}
.margin-b-20 {
  margin-bottom: 200px;
}
.margin-l-20 {
  margin-left: 200px;
}
.margin-21 {
  margin: 210px;
}
.margin-t-21 {
  margin-top: 210px;
}
.margin-r-21 {
  margin-right: 210px;
}
.margin-b-21 {
  margin-bottom: 210px;
}
.margin-l-21 {
  margin-left: 210px;
}
.margin-22 {
  margin: 220px;
}
.margin-t-22 {
  margin-top: 220px;
}
.margin-r-22 {
  margin-right: 220px;
}
.margin-b-22 {
  margin-bottom: 220px;
}
.margin-l-22 {
  margin-left: 220px;
}
.margin-23 {
  margin: 230px;
}
.margin-t-23 {
  margin-top: 230px;
}
.margin-r-23 {
  margin-right: 230px;
}
.margin-b-23 {
  margin-bottom: 230px;
}
.margin-l-23 {
  margin-left: 230px;
}
.margin-24 {
  margin: 240px;
}
.margin-t-24 {
  margin-top: 240px;
}
.margin-r-24 {
  margin-right: 240px;
}
.margin-b-24 {
  margin-bottom: 240px;
}
.margin-l-24 {
  margin-left: 240px;
}
.margin-25 {
  margin: 250px;
}
.margin-t-25 {
  margin-top: 250px;
}
.margin-r-25 {
  margin-right: 250px;
}
.margin-b-25 {
  margin-bottom: 250px;
}
.margin-l-25 {
  margin-left: 250px;
}
.margin-26 {
  margin: 260px;
}
.margin-t-26 {
  margin-top: 260px;
}
.margin-r-26 {
  margin-right: 260px;
}
.margin-b-26 {
  margin-bottom: 260px;
}
.margin-l-26 {
  margin-left: 260px;
}
.margin-27 {
  margin: 270px;
}
.margin-t-27 {
  margin-top: 270px;
}
.margin-r-27 {
  margin-right: 270px;
}
.margin-b-27 {
  margin-bottom: 270px;
}
.margin-l-27 {
  margin-left: 270px;
}
.margin-28 {
  margin: 280px;
}
.margin-t-28 {
  margin-top: 280px;
}
.margin-r-28 {
  margin-right: 280px;
}
.margin-b-28 {
  margin-bottom: 280px;
}
.margin-l-28 {
  margin-left: 280px;
}
.margin-29 {
  margin: 290px;
}
.margin-t-29 {
  margin-top: 290px;
}
.margin-r-29 {
  margin-right: 290px;
}
.margin-b-29 {
  margin-bottom: 290px;
}
.margin-l-29 {
  margin-left: 290px;
}
.margin-30 {
  margin: 300px;
}
.margin-t-30 {
  margin-top: 300px;
}
.margin-r-30 {
  margin-right: 300px;
}
.margin-b-30 {
  margin-bottom: 300px;
}
.margin-l-30 {
  margin-left: 300px;
}
/* padding */
.padding-0 {
  padding: 0px;
}
.padding-t-0 {
  padding-top: 0px;
}
.padding-r-0 {
  padding-right: 0px;
}
.padding-b-0 {
  padding-bottom: 0px;
}
.padding-l-0 {
  padding-left: 0px;
}
.padding-1 {
  padding: 10px;
}
.padding-t-1 {
  padding-top: 10px;
}
.padding-r-1 {
  padding-right: 10px;
}
.padding-b-1 {
  padding-bottom: 10px;
}
.padding-l-1 {
  padding-left: 10px;
}
.padding-2 {
  padding: 20px;
}
.padding-t-2 {
  padding-top: 20px;
}
.padding-r-2 {
  padding-right: 20px;
}
.padding-b-2 {
  padding-bottom: 20px;
}
.padding-l-2 {
  padding-left: 20px;
}
.padding-3 {
  padding: 30px;
}
.padding-t-3 {
  padding-top: 30px;
}
.padding-r-3 {
  padding-right: 30px;
}
.padding-b-3 {
  padding-bottom: 30px;
}
.padding-l-3 {
  padding-left: 30px;
}
.padding-4 {
  padding: 40px;
}
.padding-t-4 {
  padding-top: 40px;
}
.padding-r-4 {
  padding-right: 40px;
}
.padding-b-4 {
  padding-bottom: 40px;
}
.padding-l-4 {
  padding-left: 40px;
}
.padding-5 {
  padding: 50px;
}
.padding-t-5 {
  padding-top: 50px;
}
.padding-r-5 {
  padding-right: 50px;
}
.padding-b-5 {
  padding-bottom: 50px;
}
.padding-l-5 {
  padding-left: 50px;
}
.padding-6 {
  padding: 60px;
}
.padding-t-6 {
  padding-top: 60px;
}
.padding-r-6 {
  padding-right: 60px;
}
.padding-b-6 {
  padding-bottom: 60px;
}
.padding-l-6 {
  padding-left: 60px;
}
.padding-7 {
  padding: 70px;
}
.padding-t-7 {
  padding-top: 70px;
}
.padding-r-7 {
  padding-right: 70px;
}
.padding-b-7 {
  padding-bottom: 70px;
}
.padding-l-7 {
  padding-left: 70px;
}
.padding-8 {
  padding: 80px;
}
.padding-t-8 {
  padding-top: 80px;
}
.padding-r-8 {
  padding-right: 80px;
}
.padding-b-8 {
  padding-bottom: 80px;
}
.padding-l-8 {
  padding-left: 80px;
}
.padding-9 {
  padding: 90px;
}
.padding-t-9 {
  padding-top: 90px;
}
.padding-r-9 {
  padding-right: 90px;
}
.padding-b-9 {
  padding-bottom: 90px;
}
.padding-l-9 {
  padding-left: 90px;
}
.padding-10 {
  padding: 100px;
}
.padding-t-10 {
  padding-top: 100px;
}
.padding-r-10 {
  padding-right: 100px;
}
.padding-b-10 {
  padding-bottom: 100px;
}
.padding-l-10 {
  padding-left: 100px;
}
.padding-11 {
  padding: 110px;
}
.padding-t-11 {
  padding-top: 110px;
}
.padding-r-11 {
  padding-right: 110px;
}
.padding-b-11 {
  padding-bottom: 110px;
}
.padding-l-11 {
  padding-left: 110px;
}
.padding-12 {
  padding: 120px;
}
.padding-t-12 {
  padding-top: 120px;
}
.padding-r-12 {
  padding-right: 120px;
}
.padding-b-12 {
  padding-bottom: 120px;
}
.padding-l-12 {
  padding-left: 120px;
}
.padding-13 {
  padding: 130px;
}
.padding-t-13 {
  padding-top: 130px;
}
.padding-r-13 {
  padding-right: 130px;
}
.padding-b-13 {
  padding-bottom: 130px;
}
.padding-l-13 {
  padding-left: 130px;
}
.padding-14 {
  padding: 140px;
}
.padding-t-14 {
  padding-top: 140px;
}
.padding-r-14 {
  padding-right: 140px;
}
.padding-b-14 {
  padding-bottom: 140px;
}
.padding-l-14 {
  padding-left: 140px;
}
.padding-15 {
  padding: 150px;
}
.padding-t-15 {
  padding-top: 150px;
}
.padding-r-15 {
  padding-right: 150px;
}
.padding-b-15 {
  padding-bottom: 150px;
}
.padding-l-15 {
  padding-left: 150px;
}
.padding-16 {
  padding: 160px;
}
.padding-t-16 {
  padding-top: 160px;
}
.padding-r-16 {
  padding-right: 160px;
}
.padding-b-16 {
  padding-bottom: 160px;
}
.padding-l-16 {
  padding-left: 160px;
}
.padding-17 {
  padding: 170px;
}
.padding-t-17 {
  padding-top: 170px;
}
.padding-r-17 {
  padding-right: 170px;
}
.padding-b-17 {
  padding-bottom: 170px;
}
.padding-l-17 {
  padding-left: 170px;
}
.padding-18 {
  padding: 180px;
}
.padding-t-18 {
  padding-top: 180px;
}
.padding-r-18 {
  padding-right: 180px;
}
.padding-b-18 {
  padding-bottom: 180px;
}
.padding-l-18 {
  padding-left: 180px;
}
.padding-19 {
  padding: 190px;
}
.padding-t-19 {
  padding-top: 190px;
}
.padding-r-19 {
  padding-right: 190px;
}
.padding-b-19 {
  padding-bottom: 190px;
}
.padding-l-19 {
  padding-left: 190px;
}
.padding-20 {
  padding: 200px;
}
.padding-t-20 {
  padding-top: 200px;
}
.padding-r-20 {
  padding-right: 200px;
}
.padding-b-20 {
  padding-bottom: 200px;
}
.padding-l-20 {
  padding-left: 200px;
}
.padding-21 {
  padding: 210px;
}
.padding-t-21 {
  padding-top: 210px;
}
.padding-r-21 {
  padding-right: 210px;
}
.padding-b-21 {
  padding-bottom: 210px;
}
.padding-l-21 {
  padding-left: 210px;
}
.padding-22 {
  padding: 220px;
}
.padding-t-22 {
  padding-top: 220px;
}
.padding-r-22 {
  padding-right: 220px;
}
.padding-b-22 {
  padding-bottom: 220px;
}
.padding-l-22 {
  padding-left: 220px;
}
.padding-23 {
  padding: 230px;
}
.padding-t-23 {
  padding-top: 230px;
}
.padding-r-23 {
  padding-right: 230px;
}
.padding-b-23 {
  padding-bottom: 230px;
}
.padding-l-23 {
  padding-left: 230px;
}
.padding-24 {
  padding: 240px;
}
.padding-t-24 {
  padding-top: 240px;
}
.padding-r-24 {
  padding-right: 240px;
}
.padding-b-24 {
  padding-bottom: 240px;
}
.padding-l-24 {
  padding-left: 240px;
}
.padding-25 {
  padding: 250px;
}
.padding-t-25 {
  padding-top: 250px;
}
.padding-r-25 {
  padding-right: 250px;
}
.padding-b-25 {
  padding-bottom: 250px;
}
.padding-l-25 {
  padding-left: 250px;
}
.padding-26 {
  padding: 260px;
}
.padding-t-26 {
  padding-top: 260px;
}
.padding-r-26 {
  padding-right: 260px;
}
.padding-b-26 {
  padding-bottom: 260px;
}
.padding-l-26 {
  padding-left: 260px;
}
.padding-27 {
  padding: 270px;
}
.padding-t-27 {
  padding-top: 270px;
}
.padding-r-27 {
  padding-right: 270px;
}
.padding-b-27 {
  padding-bottom: 270px;
}
.padding-l-27 {
  padding-left: 270px;
}
.padding-28 {
  padding: 280px;
}
.padding-t-28 {
  padding-top: 280px;
}
.padding-r-28 {
  padding-right: 280px;
}
.padding-b-28 {
  padding-bottom: 280px;
}
.padding-l-28 {
  padding-left: 280px;
}
.padding-29 {
  padding: 290px;
}
.padding-t-29 {
  padding-top: 290px;
}
.padding-r-29 {
  padding-right: 290px;
}
.padding-b-29 {
  padding-bottom: 290px;
}
.padding-l-29 {
  padding-left: 290px;
}
.padding-30 {
  padding: 300px;
}
.padding-t-30 {
  padding-top: 300px;
}
.padding-r-30 {
  padding-right: 300px;
}
.padding-b-30 {
  padding-bottom: 300px;
}
.padding-l-30 {
  padding-left: 300px;
}
.zx-wrap {
  width: 100%;
  margin-bottom:5%;
}
.zx-wrap .sus-opacity-bg{
  max-width: 1280px;
  margin: -200px auto 0;
  background: url("/../cn/statics/images/zxgf_en/opacity-bg.png") repeat-y;
  position: relative;
  z-index: 8;
}
.zx-wrap .zx-wrap-con {
  max-width: 1140px;
  margin: 0 auto;
}
.zx-wrap .zx-wrap-con .zx-red-tit {
  font-size: 36px;
  color: #D50A1D;
  font-weight:normal;
}
.zx-wrap .zx-wrap-con02 {
  max-width: 1168px;
  margin: 0 auto;
}
.zx-wrap .zx-wrap-con02 .zx-black-tit {
  font-size: 24px;
  color: #000;
  margin: 20px 0 0 14px;
  font-weight:normal;
}
.sustaina .sustaina-con{
  padding-top: 20px;
}
@media screen and (max-width: 1140px) {
  .zx-wrap .zx-wrap-con {
    padding: 20px 10px;
  }
  .zx-wrap .zx-wrap-con02 {
    max-width: 1168px;
    margin: 0 auto;
  }
}
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a {
  text-decoration: none;
  color: #666666;
}
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0;
  padding: 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0;
  padding: 0;
}
dd {
  margin: 0;
  padding: 0;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  list-style-type: none;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  font-family: "Microsoft Yahei", Arial, sans-serif;
  color: #666;
}
body {
  font-size: 14px;
  line-height: 1.4;
}
img {
  width: auto;
  height: auto;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  /*
   * Extends the .visuallyhidden class to allow the element to be focusable
   * when navigated to via the keyboard: h5bp.com/p
   */
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix {
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  body{
    width: 1920px;
    zoom:0.6;
  }
  * {
    line-height: 1.3 !important;
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  
  /*a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }*/
  /*
   * Don't show links for images, or javascript/internal links
   */
  /*.ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }*/
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*hbl*/
.page-h {
  width: 100%;
  max-width: 1140px;
  margin: 20px auto;
  height: 50px;
  line-height: 50px;
}
.page-h ul .on a {
  background: #D5000F;
  color: #fff;
}
.page-h ul li {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.page-h ul li a {
  display: block;
}
.our-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  /*margin-top:120px;*/
}
.our-banner .our-b-img {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.our-banner .our-tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.our-banner .our-tit .tit01 {
  max-width: 1140px;
  margin: 50px auto 0;
  font-size: 36px;
  color: #fff;
  font-weight:normal;
}
.our-banner .our-tit .tit-black{
  max-width: 1140px;
  margin: 50px auto 0;
  font-size: 36px;
  color: #333;
}
.our-con {
  width: 100%;
}
.our-con .our-opacity-bg{
  max-width: 1280px;
  margin: -200px auto 0;
  background: url("/../cn/statics/images/zxgf_en/opacity-bg.png") repeat-y;
  position: relative;
  z-index: 8;
}
.our-con .our-con-date {
  max-width: 1140px;
  margin: 0 auto;
  padding-top: 20px;
}
.our-con .our-con-date .zx-red-tit {
  font-size: 36px;
  color: #D50A1D;
  font-weight:normal;
}
.our-con .our-con-date .o-overview {
  width: 100%;
}
.our-con .our-con-date .o-overview .o-overview-l {
  width: 60%;
  margin-right: 4%;
}
.our-con .our-con-date .o-overview .o-overview-l p {
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
  line-height: 24px;
}
.our-con .our-con-date .o-overview .o-overview-r {
  width: 36%;
}
.our-con .our-con-date .o-overview .o-overview-r img {
  width: 100%;
}
.our-con .our-item-list {
  max-width: 1168px;
  margin: 60px auto;
}
.our-con .our-item-list .o-tit02 {
  font-size: 24px;
  color: #000;
  margin: 20px 0 0 14px;
  font-weight:normal;
}
.our-con .our-item-list .o-segments {
  width: 100%;
}
.our-con .our-item-list .o-segments .o-segments-item {
  width: 31.33%;
  margin: 1%;
  min-height: 370px;
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-top {
  position: relative;
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-top img {
  width: 100%;
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-top .o-item-t-tit {
  position: absolute;
  top: 10px;
  left: 15px;
  margin: 0;
  font-size: 28px;
  color: #fff;
  font-weight: normal;
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-con {
  width: 100%;
  background: #EFEFEF;
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-con ul li {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #fff;
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-con ul li a {
  display: block;
  font-size: 14px;
  color: #5F636A;
  padding-left: 26px;
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-con ul li a span {
  color: #B3B3B3;
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-con ul .l-icon01 {
  background: url("/../cn/statics/images/zxgf_en/our-span-icon01.png") no-repeat 10px center;
  -webkit-background-size: 5px;
  background-size: 5px;
  /*background-position: left 10px center;*/
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-con ul .l-icon02 {
  background: url("/../cn/statics/images/zxgf_en/our-span-icon02.png") no-repeat 10px center;
  -webkit-background-size: 5px;
  background-size: 5px;
  /*background-position: left 10px center;*/
}
.our-con .our-item-list .o-segments .o-segments-item .o-item-con ul .l-icon03 {
  background: url("/../cn/statics/images/zxgf_en/our-span-icon03.png") no-repeat 10px center;
  -webkit-background-size: 5px;
  background-size: 5px;
  /*background-position: left 10px center;*/
}
.our-con .our-item-list .notes {
  padding-left: 14px;
}
.our-con .our-item-list .notes .notes-tit {
  font-size: 14px;
  color: #000;
}
.our-con .our-item-list .notes span {
  display: block;
  font-size: 14px;
  color: #666;
  padding-left: 16px;
}
.our-con .our-item-list .notes .icon01 {
  background: url("/../cn/statics/images/zxgf_en/our-span-icon01.png") no-repeat;
  -webkit-background-size: 10px;
  background-size: 10px;
  background-position: left center;
}
.our-con .our-item-list .notes .icon02 {
  background: url("/../cn/statics/images/zxgf_en/our-span-icon02.png") no-repeat;
  -webkit-background-size: 10px;
  background-size: 10px;
  background-position: left center;
}
.our-con .our-item-list .notes .icon03 {
  background: url("/../cn/statics/images/zxgf_en/our-span-icon03.png") no-repeat;
  -webkit-background-size: 10px;
  background-size: 10px;
  background-position: left center;
}
.our-con .our-item-list .notes p {
  font-size: 14px;
  color: #666;
  margin-top: 14px;
}
@media screen and (max-width: 1140px) {
  .our-banner .our-tit .tit01 {
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .our-con .our-con-date .o-overview .o-overview-l,
  .our-con .our-con-date .o-overview .o-overview-r {
    width: 100%;
  }
  .our-con .our-con-date .o-overview .o-overview-r {
    text-align: center;
    margin-top: 10px;
  }
  .our-con .our-con-date .o-overview .o-overview-r img {
    width: 60%;
  }
  .our-con .our-item-list .o-segments .o-segments-item {
    width: 48%;
  }
}
@media screen and (max-width: 480px) {
  .our-con .our-con-date .o-overview .o-overview-r img {
    width: 100%;
  }
  .our-con .our-item-list .o-segments .o-segments-item {
    width: 96%;
    margin: 2%;
    min-height: inherit;
  }
}
.centre {
  width: 100%;
}
.centre .centre-opacity-bg{
  max-width: 1280px;
  margin: -200px auto 0;
  background: url("/../cn/statics/images/zxgf_en/opacity-bg.png") repeat-y;
  position: relative;
  z-index: 8;
}
.centre .centre-con {
	width:96%;
  max-width: 1140px;
  margin: 0 auto 5%;
  padding-top: 20px;
}
.centre .centre-con .zx-red-tit {
  font-size: 36px;
  color: #D50A1D;
  font-weight:normal;
}
.centre .centre-con .zxgf_en-red-tit {
  font-size: 36px;
  color: #D50A1D;
  font-weight:normal;
}
.centre .centre-con .centre-text {
  width: 100%;
}
.centre .centre-con .centre-text .centre-text-l {
  width: 62%;
  margin-right: 6%;
}
.centre .centre-con .centre-text .centre-text-l ul li {
  margin-bottom: 20px;
}
.centre .centre-con .centre-text .centre-text-l ul li .cor-news-list .news-list-l {
  width: 60px;
  height: 60px;
  background: #D50A1D;
  text-align: center;
}
.centre .centre-con .centre-text .centre-text-l ul li .cor-news-list .news-list-l span {
  display: block;
  color: #fff;
}
.centre .centre-con .centre-text .centre-text-l ul li .cor-news-list .news-list-l .n-month {
  font-size: 14px;
  margin-top: 4px;
}
.centre .centre-con .centre-text .centre-text-l ul li .cor-news-list .news-list-l .n-day {
  font-size: 24px;
}
.centre .centre-con .centre-text .centre-text-l ul li .cor-news-list .news-list-r {
  width: 80%;
  margin: 11px 16px;
}
.centre .centre-con .centre-text .centre-text-l ul li .cor-news-list .news-list-r a {
  display: block;
  font-size: 14px;
  color: #333;
  max-height: 38px;
  overflow: hidden;
}
.centre .centre-con .centre-text .centre-text-l ul li .cor-news-list .news-list-r a:hover{color:#D50A1D;}
.centre .centre-con .centre-text .centre-text-l ul .n-more-btn {
  display: inline-block;
  font-size: 16px;
  color: #333;
  padding-left: 50px;
  line-height: 35px;
  background: url("/../cn/statics/images/zxgf_en/more-icon01.png") no-repeat;
  background-position: left center;
  -webkit-background-size: 35px;
  background-size: 35px;
  margin-top: 40px;
}
.centre .centre-con .centre-text .centre-text-l ul .n-more-btn:hover{color:#D50A1D;}
.centre .centre-con .centre-text .centre-text-r {
  width: 32%;
}
.centre .centre-con .centre-text .centre-text-r .centre-link01 {
  margin-bottom: 20px;
  position: relative;
  max-width: 360px;
}
.centre .centre-con .centre-text .centre-text-r .centre-link01 .c-link-img {
  max-width: 100%;
}
.centre .centre-con .centre-text .centre-text-r .centre-link01 .c-link-tit {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 24px;
  color: #fff;
  margin: 0;
  font-weight: normal;
}
.centre .centre-con .centre-text .centre-text-r .centre-link01 .c-link-more {
  display: block;
  width: 35px;
  height: 35px;
  background: url("/../cn/statics/images/zxgf_en/more-icon02.png") no-repeat;
  position: absolute;
  bottom: 20px;
  bottom: 40px\9;
  right: 20px;
}
@media screen and (max-width: 768px) {
  .centre .centre-con .centre-text .centre-text-l,
  .centre .centre-con .centre-text .centre-text-r {
    width: 100%;
    float: none;
  }
  .centre .centre-con .centre-text .centre-text-r {
    margin-top: 40px;
  }
  .centre .centre-con .centre-text .centre-text-l ul .n-more-btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .centre .centre-con .centre-text .centre-text-l ul li .cor-news-list .news-list-r {
    width: 68%;
  }
}
.sustaina .sustaina-con .sustaina-js {
  max-width: 700px;
}
.sustaina .sustaina-con .sustaina-js p {
  font-size: 14px;
  color: #5F636A;
  margin-bottom: 8px;
  line-height: 24px;
}
.sustaina .sustaina-social {
  margin-top: 70px;
}
.sustaina .sustaina-social .sus-report {
  margin-top: 10px;
  width: 100%;
}
.sustaina .sustaina-social .sus-report ul li {
  margin: 1%;
  width: 31.33%;
}
.sustaina .sustaina-social .sus-report ul li a {
  display: block;
  max-width: 360px;
}
.sustaina .sustaina-social .sus-report ul li a .report-item {
  padding: 5%;
  background: #EFEFEF;
}
.sustaina .sustaina-social .sus-report ul li a .report-item .report-item-l {
  width: 30%;
  margin-right: 2%;
}
.sustaina .sustaina-social .sus-report ul li a .report-item .report-item-l .pdf-tit {
  display: block;
  padding-top: 80px;
  background: url("/../cn/statics/images/zxgf_en/pdf-icon.png") no-repeat;
  background-position: center top;
  -webkit-background-size: 64%;
  background-size: 64%;
  text-align: center;
}
.sustaina .sustaina-social .sus-report ul li a .report-item .report-item-r {
  width: 68%;
}
.sustaina .sustaina-social .sus-report ul li a .report-item .report-item-r .pdf-name {
  margin: 0;
  font-size: 16px;
  color: #333;
  font-weight:normal;
}
.sustaina .sustaina-social .sus-report ul li a:hover .report-item .report-item-r .pdf-name{color:#D50A1D;}
@media screen and (max-width: 1024px) {
  .sustaina .sustaina-social .sus-report ul li a .report-item .report-item-r .pdf-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .sustaina .sustaina-social .sus-report ul li {
    width: 48%;
  }
  .zx-wrap .zx-wrap-con .zx-red-tit{
    font-size: 26px;
    margin: 10px 0 10px 0;
  }
}
@media screen and (max-width: 480px) {
  .sustaina .sustaina-social .sus-report ul li {
    width: 96%;
    margin: 2%;
  }
}
.about-us-wrap .about-us-con .about-con-l {
  width: 62%;
  margin-right: 6%;
}
.about-us-wrap .about-us-con .about-con-l .profile-text p {
  font-size: 14px;
  color: #5F636A;
  margin-bottom: 8px;
  line-height: 24px;
}
.about-us-wrap .about-us-con .about-con-l .profile-text .profile-more-btn {
  display: inline-block;
  font-size: 16px;
  color: #333;
  padding-left: 50px;
  line-height: 35px;
  background: url("/../cn/statics/images/zxgf_en/more-icon01.png") no-repeat;
  background-position: left center;
  -webkit-background-size: 35px;
  background-size: 35px;
  margin-top: 40px;
}
.about-us-wrap .about-us-con .about-con-l .about-us-history {
  margin-top: 80px;
}
.about-us-wrap .about-us-con .about-con-l .about-us-history .his-tit {
  margin: 0 0 20px 0;
}
.about-us-wrap .about-us-con .about-con-l .about-us-history p {
  font-size: 14px;
  color: #5F636A;
  margin-bottom: 8px;
  line-height: 24px;
}
.about-us-wrap .about-us-con .about-con-l .about-us-history .history-more-btn {
  display: inline-block;
  font-size: 16px;
  color: #333;
  padding-left: 50px;
  line-height: 35px;
  background: url("/../cn/statics/images/zxgf_en/more-icon01.png") no-repeat;
  background-position: left center;
  -webkit-background-size: 35px;
  background-size: 35px;
  margin-top: 40px;
}
.about-us-wrap .about-us-con .about-con-r {
  width: 32%;
  max-width: 360px;
  margin-top: 50px;
}
.about-us-wrap .about-us-con .about-con-r .about-r-item {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.about-us-wrap .about-us-con .about-con-r .about-r-item .about-video-btn{
  top: 50%;
  margin-top: 40px;
}
.about-us-wrap .about-us-con .about-con-r .about-r-item img {
  max-width: 100%;
}
.about-us-wrap .about-us-con .about-con-r .about-r-item .ab-r-tit {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 24px;
  color: #fff;
  margin: 0;
  font-weight: normal;
}
.about-us-wrap .about-us-con .about-con-r .about-r-item .ab-r-btn {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  padding-left: 50px;
  line-height: 35px;
  background: url("/../cn/statics/images/zxgf_en/more-icon02.png") no-repeat;
  position: absolute;
  bottom: 20px;
  bottom: 45px\9;
  left: 20px;
}
.about-us-wrap .about-us-con .about-con-r .about-r-item .ab-r-btn02 {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url("/../cn/statics/images/zxgf_en/more-icon02.png") no-repeat;
  position: absolute;
  bottom: 20px;
  bottom: 45px\9;
  right: 20px;
}
@media screen and (max-width: 768px) {
  .about-us-wrap .about-us-con .about-con-l,
  .about-us-wrap .about-us-con .about-con-r {
    width: 100%;
    float: none;
  }
  .about-us-wrap .about-us-con .about-con-l .profile-text .profile-more-btn,
  .about-us-wrap .about-us-con .about-con-l .about-us-history .history-more-btn {
    margin-top: 20px;
  }
  .about-us-wrap .about-us-con .about-con-l .about-us-history {
    margin-top: 40px;
  }
}

/*2017-4-13 our business details   hbl*/
.our-con .bus-details{
  max-width: 1140px;
  margin: 0 auto;
  padding-top: 20px;
}
.our-con .bus-details .bus-details-tit{
  padding: 
}
.our-con .bus-details .bus-details-tit .deta-tit-date{
  font-size: 14px;
  color: #797B80;
  margin-top: 20px;
}
.our-con .bus-details .bus-details-tit .deta-tit-date a{
 /* font-weight: bold;*/
}
.our-con .bus-details .bus-details-tit .deta-tit-date span{
  color: #ccc;
}
.our-con .bus-details .bus-details-con{
  width: 100%;
}
.our-con .bus-details .bus-details-con .deta-con-l{
  width: 30%;
}
.our-con .bus-details .bus-details-con .deta-con-l .deta-con-l-tit{
  font-size: 24px;
  color: #333;
  margin: 30px 0;
  font-weight:normal;
}
.our-con .bus-details .bus-details-con .deta-con-l ul{
  max-width: 260px;
  border-top: 1px solid #ccc;
}
.our-con .bus-details .bus-details-con .deta-con-l ul li{
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.our-con .bus-details .bus-details-con .deta-con-l ul li a{
  display: inline-block;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  background: url("/../cn/statics/images/zxgf_en/bus-nav-icon01.png") no-repeat 8px center;
  /*background-position: left 8px center;*/
}
.our-con .bus-details .bus-details-con .deta-con-l ul .bus-active a{
  color: #D5000F;
  background: url("/../cn/statics/images/zxgf_en/bus-nav-icon02.png") no-repeat 8px center;
  /*background-position: left 8px center;*/
}
.our-con .bus-details .bus-details-con .deta-con-l ul li a:hover{
  color: #D5000F;
  background: url("/../cn/statics/images/zxgf_en/bus-nav-icon02.png") no-repeat 8px center;
  /*background-position: left 8px center;*/
}
.our-con .bus-details .bus-details-con .deta-con-r{
  width: 70%;
}
.our-con .bus-details .bus-details-con .deta-con-r .deta-con-r-item{
  margin-bottom: 40px;
}
.our-con .bus-details .bus-details-con .deta-con-r .deta-con-r-item h2{
  font-size: 36px;
  color: #c19f63;
  margin: 30px 0 20px;
  font-weight:normal;
}
.our-con .bus-details .bus-details-con .deta-con-r .deta-con-r-item h3{
  font-size: 24px;
  color: #c19f63;
  margin: 30px 0 10px;
  font-weight:normal;
}
.our-con .bus-details .bus-details-con .deta-con-r .deta-con-r-item p{
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}
.our-con .bus-details .bus-details-con .deta-con-r .deta-con-r-item p a:hover strong,
.our-con .bus-details .bus-details-con .deta-con-r .deta-con-r-item p strong a:hover,
.our-con .bus-details .bus-details-con .deta-con-r .deta-con-r-item p a:hover{color:#D5000F;}

/*3-23  通知信函*/
.our-con .bus-details .bus-details-con .Limited-con{
  width: 100%;
  margin-top:30px; 
  background: #404040;
  display:table;
}
.our-con .bus-details .bus-details-con .Limited-con .Limited-logo{
  width: 118px;
  height: 100%;
  display: table-cell;
  /*float: left;*/
  background: #c62030;
  vertical-align: top;
}
.our-con .bus-details .bus-details-con .Limited-con .Limited-logo img{
  display: block;
  max-width: 100%;
  margin: 20px auto;
}
.our-con .bus-details .bus-details-con .Limited-con .Limited-text{
  width: 84%;
  float: left;
  background: #404040;
  padding: 20px 30px;
}
.our-con .bus-details .bus-details-con .Limited-con .Limited-text p{
  font-size: 14px;
  color: #fff;
  margin: 10px 0;
}
.our-con .bus-details .bus-details-con .Limited-con .Limited-text p a{
  color: #6e9ac0;
  text-decoration: underline;
}
.our-con .bus-details .bus-details-con .Limited-con .Limited-text p.pTit{
  color: #d99694;
}
.our-con .bus-details .bus-details-con .Limited-con .Limited-text p.Copyright{
  text-align: right;
}

/*3-23  end*/

@media screen and (max-width: 1140px){
  .our-con .bus-details{
    padding: 20px 10px;
  }
}
@media screen and (max-width: 768px){
  .our-con .bus-details .bus-details-con .deta-con-l,
  .our-con .bus-details .bus-details-con .deta-con-r{
    width: 100%;
  }
  .our-con .bus-details .bus-details-con .deta-con-l ul{
    min-width: 100%;
  }
}

/*2017-4-13 media centre details   hbl*/
.centre .cen-details{
  max-width:1140px;
  margin: 0 auto;
  padding-top: 20px;
}
.centre .cen-details .cen-deta-tit .cen-tit-date{
  font-size: 14px;
  color: #797B80;
  margin-top: 20px;
}
.centre .cen-details .cen-deta-tit .cen-tit-date a{
  /*font-weight: bold;*/
}
.centre .cen-details .cen-deta-tit .cen-tit-date span{
  color: #ccc;
}
.centre .cen-details .cen-deta-con{
  width: 100%;
}
.centre .cen-details .cen-deta-con .cen-deta-con-l{
  width: 30%;
}
.centre .cen-details .cen-deta-con .cen-deta-con-l .cen-deta-con-l-tit{
  font-size: 24px;
  color: #333;
  margin: 30px 0;
  font-weight:normal;
}
.centre .cen-details .cen-deta-con .cen-deta-con-l ul{
  max-width: 260px;
  border-top: 1px solid #ccc;
}
.centre .cen-details .cen-deta-con .cen-deta-con-l ul li{
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.centre .cen-details .cen-deta-con .cen-deta-con-l ul li a{
  display: inline-block;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  background: url("/../cn/statics/images/zxgf_en/bus-nav-icon01.png") no-repeat;
  background-position: left 8px center;
}
.centre .cen-details .cen-deta-con .cen-deta-con-l ul .cen-active a{
  color: #D5000F;
  background: url("/../cn/statics/images/zxgf_en/bus-nav-icon02.png") no-repeat;
  background-position: left 8px center;
}
.centre .cen-details .cen-deta-con .cen-deta-con-l ul li a:hover{
  color: #D5000F;
  background: url("/../cn/statics/images/zxgf_en/bus-nav-icon02.png") no-repeat;
  background-position: left 8px center;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r{
  width: 70%;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit{
  /*border-bottom: 1px solid #ccc;*/
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-l h2{
  font-size: 36px;
  color: #c19f63;
  margin: 30px 0 30px;
  font-weight:normal;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years{
  margin: 44px 0 20px;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years .cen-chose-s{
  line-height: 30px;
  position: relative;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years .cen-chose-s .chose-txt{
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years .cen-chose-s .h_inSelect{
  width: 118px;
  height: 30px;
  border: 1px solid #ccc; 
  line-height: 30px;
  text-indent: 1em;
  font-size: 14px;
  color: #333;
  background: url("/../cn/statics/images/zxgf_en/jt-icon-bottom.png") no-repeat #fff;
  background-position-x:100px;
  -ms-background-position-x:100px; 
  background-position-y:center;
  -ms-background-position-y:center;
  background-position: right 10px center;
  cursor:pointer;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years .cen-chose-s .h_inSelect-ac{
  
  background: url("/../cn/statics/images/zxgf_en/jt-icon-top.png") no-repeat #fff !important;
  background-position: right 10px center;
  background-position-x:100px;
  -ms-background-position-x:100px; 
  background-position-y:center;
  -ms-background-position-y:center;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years .cen-chose-s .h_SelectList{
  display: none;
  position: absolute;
  top: 31px;
  right: 0;
  width: 118px;
  border: 1px solid #ccc;
  max-height: 206px;
  overflow: auto;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years .cen-chose-s .h_SelectList li{
  padding: 2px 0;
  background: #fff;
  text-indent: 1em;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years .cen-chose-s .h_SelectList li:hover a{
  color: #D5000F;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years .cen-chose-s .h_SelectList li a{
  display: block;
  font-weight: bold;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news{
  width: 100%; 
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item{
  width: 100%;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-date{
  width: 24%;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-date h3{
  margin: 0;
  font-size: 36px;
  color: #333;
  font-weight:normal;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list{
  width: 76%;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list ul li{
  margin-bottom: 20px;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list ul li .news-i-d .news-i-d-l{
  width: 60px;
  height: 60px;
  background: #D50A1D;
  text-align: center;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list ul li .news-i-d .n-month{
  font-size: 14px;
  margin-top: 4px;
  display: block;
  color: #fff;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list ul li .news-i-d .n-day{
  font-size: 24px;
  display: block;
  color: #fff;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list ul li .news-i-d .news-i-d-r{
  width: 80%;
  margin: 11px 16px;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list ul li .news-i-d .news-i-d-r a{
  display: block;
  font-size: 14px;
  color:#333;
  max-height: 38px;
  overflow: hidden;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list ul li .news-i-d .news-i-d-r a:hover{color:#D50A1D;}

/*2017-4-13 media company information   hbl*/
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con{
  width: 100%;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-office{
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-office .infor-off-list{
  margin-bottom: 20px;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-office .infor-off-list .infor-off-l{
  width: 66px;
  height: 70px;
  margin-right: 24px;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-office .infor-off-list .infor-off-r{
  width: 80%;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-office .infor-off-list .infor-off-l img{
  max-width: 100%;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-office .infor-off-list .infor-off-r h3{
  font-size: 20px;
  color: #333;
  margin: 0 0 4px 0;
  font-weight:normal;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-office .infor-off-list .infor-off-r p{
  font-size: 14px;
  color: #797B80;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-website h3,
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork h3,
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-share h3,
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-investor h3{
  font-size: 24px;
  color: #c19f63;
  margin: 30px 0 10px 0;
  font-weight:normal;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-website h3{color:#c19f63;}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-website p,
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork p,
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-share p,
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-investor p{
  font-size: 14px;
  color: #333;
  line-height:26px;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-website p a,
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-investor p a{
  font-size: 14px;
  color: #333;
  text-decoration: underline;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-website p a:hover,
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-investor p a:hover{color:#D5000F;}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork ul{
  border-top: 1px solid #F0F0F0;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork ul li{
  padding: 10px 0;
  font-size: 14px;
  color: #797B80;
  border-bottom: 1px solid #F0F0F0;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork ul li:hover p{color:#D5000F;}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork ul li p{
	cursor:pointer;
  	float: left;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork ul li .codes-01{
  float: right;
}
.centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork ul li .codes-link{
  float: right;
  background: url("/../cn/statics/images/zxgf_en/more-icon.png") no-repeat;
  display: block;
  width: 21px;
  height: 21px;
  margin: 0 20px;
}

@media screen and (max-width: 768px){
  .centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-office .infor-off-list .infor-off-r{
    width: 70%;
  }
  .centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork ul li p{
    width: 60%;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .centre .cen-details .cen-deta-con .cen-deta-con-r .infor-con .infor-stork ul li .codes-link{
    margin: 0 0 0 10px;
  }
  .centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-l h2{
    font-size: 28px;
  }
}

/*media centre contact   hbl*/
.cen-deta-con-r .contact-con .contact-fs01 h3{
  font-size: 24px;
  color: #c19f63;
  margin:0;
  font-weight:normal;
}
.cen-deta-con-r .contact-con .fs-border{
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
.cen-deta-con-r .contact-con .contact-fs01{
  margin-bottom: 30px;
}
.cen-deta-con-r .contact-con .contact-fs01 .fs-date{
  width: 100%;
  margin: 14px 0 20px 0;
}
.cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-l,
.cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-r{
  width: 320px;
}
.cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-l div,
.cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-r div{
  font-size: 14px;
  color: #797B80;
}
.cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-l div a,
.cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-r div a{ margin-left:4px;}
.cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-l div a:hover,
.cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-r div a:hover{
	color:#D5000F;
}

@media screen and (max-width: 1140px){
  .centre .cen-details{
    padding: 20px 10px;
  }
}
@media screen and (max-width: 1024px){
  .cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-l, 
  .cen-deta-con-r .contact-con .contact-fs01 .fs-date .fs-date-r{
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px){
  .centre .cen-details .cen-deta-con .cen-deta-con-l,
  .centre .cen-details .cen-deta-con .cen-deta-con-r{
    width: 100%;
    float: none;
  }
  .centre .cen-details .cen-deta-con .cen-deta-con-l ul{
    max-width: 100%;
  }
}

/*join us   hbl*/
.our-con .our-con-date .o-overview .o-overview-l .view-job-btn{
  display: inline-block;
  font-size: 16px;
  color: #333;
  padding-left: 50px;
  line-height: 35px;
  background: url("/../cn/statics/images/zxgf_en/more-icon01.png") no-repeat;
  background-position: left center;
  -webkit-background-size:35px;
  background-size: 35px; 
  margin-top: 40px;
  display:none;
}

@media screen and (max-width: 768px){
  .our-con .our-con-date .o-overview .o-overview-l .view-job-btn{
    margin-top: 20px;
  }
  .centre .centre-con .zx-red-tit{
    font-size: 26px;
    margin: 10px 0 10px 0;
  }
}

/*Related Companies   hbl*/
.related-list .related-l-item .rela-tit-h{
  font-size: 21px;
  color: #D5000F;
  margin: 30px 0 6px 0;
  font-weight:normal;
}
.related-list .related-l-item ul{
  border-top: 1px solid #F0F0F0;
}
.related-list .related-l-item ul li{
  
  padding: 10px 0;
  border-bottom: 1px solid #F0F0F0;
}
.related-list .related-l-item ul li span{
  display: inline-block;
  font-size: 14px;
  color: #333;
}
.related-list .related-l-item ul li a{
  font-size: 14px;
  color: #797B80;
  float: right;
  font-weight: normal;
}
.related-list .related-l-item ul li a:hover{color:#D5000F;}

@media screen and (max-width: 480px){
  .related-list .related-l-item ul li a{
    display: block;
    float: none;
  }
}

/*Disclaimer   hbl*/
.dis-text{
  max-width: 700px;
}
.dis-text .dis-text-item .dis-t-tit{
  font-size: 18px;
  color: #333;
  margin: 30px 0 10px 0;
}
.dis-text .dis-text-item .dis-p-txt{
  font-size: 14px;
  color: #797B80;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px){
  .our-con .our-con-date .zx-red-tit{
    font-size: 26px;
    margin: 10px 0 10px 0;
  }
}

/*media centre news   hbl*/
.contact-con .subscript .subs-tit{
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.contact-con .subscript .subs-tit .subs-t01{
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 10px 0 10px 0;
  font-weight:normal;
}
.contact-con .subscript .subs-tit .subs-t02{
  font-size: 14px;
  color: #797B80;
}
.contact-con .subscript .sub-table{
  margin-top: 40px;
  max-width: 750px;
}
.contact-con .subscript .sub-table label{
  display: block;
  line-height: 38px;
  cursor: inherit;
  margin-bottom: 20px;
}
.contact-con .subscript .sub-table label input{
  outline: none;
}
.contact-con .subscript .sub-table label .tab-type{
  float: left;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  min-width: 120px;
  text-align: right;
}
.contact-con .subscript .sub-table label .tab-w-text{
  width: 398px;
  height: 38px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  line-height: 38px;
  text-indent: 1em;
  border: 1px solid #ccc; 
  margin-left: 10px;
  font-family: "Microsoft YaHei";
}
.contact-con .subscript .sub-table .sub-t-02 .h_select{
  margin-left: 10px;
  position: relative;
}
.contact-con .subscript .sub-table .sub-t-02 .h_select .h_inSelect{
  width: 398px;
  height: 38px;
  font-size: 14px;
  color: #333;
  line-height: 38px;
  text-indent: 1em;
  font-family: "Microsoft YaHei";
  border: 1px solid #ccc; 
  background: url("/../cn/statics/images/zxgf_en/jt-icon-bottom.png") no-repeat #fff;
  background-position: right 10px center;
  cursor:pointer;
}
.contact-con .subscript .sub-table .sub-t-02 .h_select .h_SelectList{
  display: none;
  position: absolute;
  top: 39px;
  right: 0;
  width: 100%;
  border: 1px solid #ccc; 
  background: #fff;
  max-height: 230px;
  overflow: auto;
}
.contact-con .subscript .sub-table .sub-t-02 .hSelect2 .h_SelectList{
  z-index: 9;
}
.contact-con .subscript .sub-table .sub-t-02 .hSelect3 .h_SelectList{
  z-index: 8;
}
.contact-con .subscript .sub-table .sub-t-02 .h_select .h_SelectList li{
  text-indent: 1em;
  line-height: 38px;
}
.contact-con .subscript .sub-table .sub-t-02 .h_select .h_SelectList li a{
  display: block;
  font-weight: bold;
}
.contact-con .subscript .sub-table .sub-t-02 .h_select .h_SelectList li a:hover{
  color: #D5000F;
}
.contact-con .subscript .sub-table .sub-t-03 .yzm-text{
  width: 180px;
  height: 38px;
  font-size: 14px;
  color: #333;
  line-height: 38px;
  text-indent: 1em;
  font-family: "Microsoft YaHei";
  border: 1px solid #ccc;
  margin:0 10px;
  float: left;
}
#code_img{margin-top:6px;padding-left: 120px;}
.contact-con .subscript .sub-table .sub-t-03 .yzm-img{
  margin-left: 6px;
  float: left;
}
.contact-con .subscript .sub-table .sub-t-03 .ref-btn{
  display: inline-block;
  line-height: 38px;
  margin-left: 10px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  text-decoration: underline;
}
.contact-con .subscript .sub-table .sub-t-04 .sub-btn01{
  width: 240px;
  height: 40px;
  line-height: 40px;
  text-align:center;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  background: #D5000F;
  border: none;
  font-family: "Microsoft YaHei";
  margin-left: 130px;
  float: left;
}
.contact-con .subscript .sub-table .sub-t-04 .sub-btn02{
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align:center;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  background: #fff;
  border: 1px solid #333;
  font-family: "Microsoft YaHei";
  margin-left: 20px;
  float: left;
}
.contact-con .subscript .unsubscribe{
  margin-top: 80px;
}
.contact-con .subscript .unsubscribe .unsub-txt{
  border-top: 1px solid #ccc;
}
.contact-con .subscript .unsubscribe .unsub-txt h4{
  font-size: 18px;
  color: #333;
  font-weight:normal;
}
.contact-con .subscript .unsubscribe .unsub-txt .unsub-zy{
  font-size: 14px;
  color: #797B80;
}
.contact-con .subscript .unsubscribe .unsub-txt .unsub-td{
  margin-top: 10px;
  line-height: 30px;
}
.contact-con .subscript .unsubscribe .unsub-txt .unsub-td span{
  font-size: 14px;
  color: #797B80;
  display: inline-block;
  float: left;
}
.contact-con .subscript .unsubscribe .unsub-txt .unsub-td input{
  width: 288px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-indent: 1em;
  border: 1px solid #ccc;
  color: #B3B3B3;
  margin-left: 20px;
  float: left;
  outline: none;
}
.contact-con .subscript .unsubscribe .unsub-txt .unsub-td .unsub-td-btn{
  display: inline-block;
  font-size: 14px;
  width: 300px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #797B80;
  color: #fff;
  float: left;
  margin-left: 10px;
}
@media screen and (max-width: 1024px){
  .centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list ul li .news-i-d .news-i-d-r{
    width: 74%;
  }
}
@media screen and (max-width: 768px){
  .centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-date,
  .centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list{
    width: 100%;
    float: none;
  }
  .centre .cen-details .cen-deta-con .cen-deta-con-r .cor-news .cor-news-item .cor-news-item-list ul li .news-i-d .news-i-d-r{
    width: 68%;
  }
}
@media screen and (max-width: 480px){
  .centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-tl{
    width: 100%;
  }
  .centre .cen-details .cen-deta-con .cen-deta-con-r .cen-deta-con-rTit .c-deta-con-rTit-r .c-choose-years{
    margin: -16px 0 16px 0;
  }
}

@media screen and (max-width: 1024px){
  .contact-con .subscript .unsubscribe .unsub-txt .unsub-td input{
    width: 218px;
  }
  .contact-con .subscript .unsubscribe .unsub-txt .unsub-td .unsub-td-btn{
    width: 230px;
  }
  .contact-con .subscript .sub-table label .tab-w-text,
  .contact-con .subscript .sub-table .sub-t-02 .h_select .h_inSelect{
    width: 370px;
  }
  .contact-con .subscript .sub-table .sub-t-03 .yzm-text{
    width: 170px;
  }
  .contact-con .subscript .sub-table .sub-t-04 .sub-btn01{
    width: 220px;
  }
  .contact-con .subscript .sub-table .sub-t-04 .sub-btn02{
    width: 120px;
  }
}
@media screen and (max-width: 640px){
  .contact-con .subscript .sub-table label .tab-type{
    min-width: 108px;
  }
  .contact-con .subscript .sub-table label .tab-w-text,
  .contact-con .subscript .sub-table .sub-t-03 .yzm-text{
    /*width: 182px;*/
    width: 60%;
  }
  .contact-con .subscript .sub-table .sub-t-02 .h_select{
    width: 60%;
  }
  .contact-con .subscript .sub-table .sub-t-02 .h_select .h_inSelect{
    width: 100%;
  }
  .contact-con .subscript .sub-table .sub-t-04{
    text-align: center;
  }
  .contact-con .subscript .sub-table .sub-t-04 .sub-btn01,
  .contact-con .subscript .sub-table .sub-t-04 .sub-btn02{
    float: none;
    margin: 0 4px;
  }
  .contact-con .subscript .sub-table .sub-t-04 .sub-btn01{
    width: 180px;
  }
  .contact-con .subscript .sub-table .sub-t-04 .sub-btn02{
    width: 100px;
  }
  .contact-con .subscript .unsubscribe .unsub-txt .unsub-td input{
    width: 240px;
    float: none;
  }
  .contact-con .subscript .unsubscribe .unsub-txt .unsub-td .unsub-td-btn{
    width: 240px;
    float: none;
    display: block;
    margin: 10px 0 0 58px;
  }
}



/*投资者关系-Corporate News*/
.sec_menus{position:relative; cursor:pointer;}
.sec_menus em{display:block; width:8px; height:4px; font-size:0; position:absolute; top:18px; right:10px; background:url(/../cn/statics/images/zxgf_en/jt-icon-bottom.png) no-repeat center;}
.sec_menus em.down{ background:url(/../cn/statics/images/zxgf_en/jt-icon-top.png) no-repeat center;}
.sec_more_cont{padding-left:14px;margin-top: 6px; display:none;}
.sec_more_cont p a{font-size:12px!important; line-height: 26px!important;}
/*IR Policy*/
.deat_ul_cont{}
.deat_ul_cont li{font-size:14px; color:#ccc; margin-bottom:10px; list-style:disc; margin-left: 2.2%;}
.deat_ul_cont li span{color:#797B80;}

/*Investor Contact*/
em{font-style:normal;}
.subs-tel-form{ padding:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.tel-ul li{ width:35%; float:left;}

.tel-ul li:nth-child(2) .detail p{
  display: none !important;
}

.tel-ul li.last{width:30%;}
.tel-ul li .img,.tel-ul li .detail{display:inline-block; vertical-align:middle;}
.tel-ul li .img{width:66px; height:66px; overflow:hidden; margin-right:6px;}
.tel-ul li .detail span{font-size:14px; color:#797b80;}
.tel-ul li .detail p{font-size:20px; color:#333;}
.tel-ul li .fax,.tel-ul li .email{font-size:14px; color:#333;margin: 5px 0px;}
.tel-ul li .fax em,.tel-ul li .email em{color:#797b80; margin-right:10px;}
@media screen and (max-width: 1024px){
	.tel-ul li{width:50%; margin-bottom:20px; padding-left:4%; box-sizing:border-box;}
	.tel-ul li.last{width:60%; margin-bottom:0; margin-left:66px;}	
}

@media screen and (max-width: 480px){
	.tel-ul li .detail span{ font-size:12px;}
	.tel-ul li .detail p{font-size:14px;}
	.tel-ul li.last{ margin-left:0px;}	
}


/*Investor govermance*/
.sus-report-investor{width:100%;}
.sus-report-ul li{ float:left; width:49%; margin-bottom:2%;margin-right: 1%;}
.sus-report-ul li a{display:block; max-width:360px; max-height:136px; overflow:hidden; background:#f0f0f0;}
.investor_pdf{padding:5%;}
.investor_pdf .report-item-l{width:30%;}
.investor_pdf .report-item-r{width:68%;}
.investor_pdf .report-item-l span{display: block;padding-top: 80px;background: url(/../cn/statics/images/zxgf_en/abt_pdf.png) no-repeat;background-position: center top;-webkit-background-size: 64%;background-size: 64%;text-align: center; font-size:12px; color:#666;}
.investor_pdf .report-item-r h5{margin:0; font-size:16px; color:#333;}

@media screen and (max-width: 480px){
	.sus-report-ul li{width:98%;}
}


/*ANalyst Coverage*/
.analyst_table{ margin:-20px 0 8%;}
.analyst_table .analyst_ul{ border-top:1px solid #ccc;}
.analyst_table .analyst_ul li{font-size:18px; color:#000; padding:1.6% 0; border-bottom:1px solid #f0f0f0;}
.analyst_ul li span{display:inline-block; width:50%;}
.analyst_ul li.hd span{color:#797b80; font-size:16px;}
@media screen and (max-width: 480px){
	.analyst_table .analyst_ul li{font-size:14px;}
	.analyst_ul li.hd span{font-size:12px;}
}

/*Financial Reports*/
.financial_ul{}
.financial_ul li{width:100%; padding:30px 0; border-top:1px solid #ccc;}
.financial_ul li .year{width:20%; font-size:36px!important; color:#333!important;}
.financial_ul li .yeareports{width:80%;}
.yeareports .reports_cont{padding:3%; border:1px solid #ccc; width:48%; margin-right:2%; max-width:320px; box-sizing:border-box; margin-bottom:2%;}
.yeareports .reports_cont:hover{background:#f0f0f0;}
.yeareports .reports_cont h5{ font-size:16px; color:#333; margin:0;}
.reports_cont .reports-p{ margin-top:10px;}
.reports_cont .reports-p img{width:106px;float:left; height:136px;}
.reports_cont .reports-p p{display:inline-block;}
.reports_cont .reports-p p a{display:block; margin-left:20px; background:url(/../cn/statics/images/zxgf_en/investor_right_icon.png) no-repeat left center; padding-left:15px; text-decoration:underline; margin-bottom:6px; color:#333!important;font-weight: bolder;}
@media screen and (max-width: 640px){
	.our-con .bus-details .bus-details-con .deta-con-r .deta-con-r-item h2,.our-banner .our-tit .tit01{font-size:22px;}
	.yeareports .reports_cont{width:98%;}
	.financial_ul li .year,.financial_ul li .yeareports{width:100%;}
}


/*Investor Brieings*/
.briefings_limg{width:30%;}
.briefings_limg img{width:100%; max-width:190px; padding:10px 20px; border:1px solid #ccc; box-sizing:border-box;}
.briefings_lcont{width:70%; font-weight:600!important;}
.briefings_lcont p{}
.briefings_lcont .bf-date{color:#d5000f!important; font-size:16px!important; margin-bottom:4px!important;}
.briefings_lcont .bf-inform-tit{color:#333!important;font-size:20px!important;}
.bf-lookmore{ display:inline-block; color:#333; background:url(/../cn/statics/images/zxgf_en/more-icon01.png) no-repeat left center; padding-left:45px; font-size:16px; color:#333; line-height:36px; margin-top:20px; font-weight:normal;}
@media screen and (max-width: 640px){
	.briefings_limg{width:100%; margin-bottom:20px;}
	.briefings_lcont{width:100%;}
	.briefings_lcont .bf-inform-tit{font-size:16px!important;}
	.briefings_lcont .bf-date{font-size: 14px!important;}
	.bf-lookmore{margin-top:0; font-size:14px;}
}

/*Investor*/
.gundong{ position:relative; top:0px;height: 25px;}
.our-con .bus-details .bus-details-con .deta-con-r .deta-con-r-item h2.redfont{color:#d5000f;}
.investor_index{width:100%;}
.index_left{width:65%;}
.index_right{width:30%; max-width:230px;}
.appdown_index{padding:30px 20px; border:1px solid #ccc;/* text-align:center;*/ margin-bottom:20px; background:#d5000f url(/../cn/statics/images/zxgf_en/investor_downbg.png) no-repeat right bottom; }
.appdown_index h4{font-size:18px; color:#fff; margin:0; font-weight:normal!important;}
.appdown_index a{display:inline-block; margin-top:15px;}
.lastprice{border:1px solid #ccc;margin-bottom:20px;}
.calendar{}
.calendar span,.circulas span{font-size:18px; color:#d5000f;}
.circulas span{font-weight:normal;}
.ircalendar{margin:10px auto 20px;}
.focus_ul{margin-top:10px;}
.focus_ul li a{display:inline-block; background:url(/../cn/statics/images/zxgf_en/quick_icon.png) no-repeat left center; padding-left:15px; color:#666; font-size:14px; line-height:24px;}
.focus_ul li a:hover{color:#d5000f; }
.circulas{margin-top:40px;}
.circulas .readmore{display:inline-block; background:url(/../cn/statics/images/zxgf_en/readmore.png) no-repeat left center; padding-left:20px; color:#d5000f; font-size:12px;}
.circulas_cont{margin:20px 0 30px;}
.circulas_cont li{margin-bottom:15px;}
.circulas .circulas_cont span{font-size:14px; color:#797B80; margin-right:5%; width:20%;}
.circulas_cont a{font-size:14px; color:#797B80; width:72%;}
.circulas_cont a:hover,.circulas .readmore:hover{text-decoration:underline;}



.calendar{margin-top:40px;}
.cal_block{ width:100%; max-width:365px; height:420px; overflow:hidden; background:#ccc;}
.cal_block h3{ font-size:24px; color:#000; padding:20px;}
.calendar img{width:100%;}
.calendar .pic_link{ position:relative; margin-top:30px; overflow:hidden; width:48%; margin-right:2%; float:left; max-width:390px;}
.calendar .pic_link img{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
/*.calendar .pic_link:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}*/
.calendar .pic_link a{display:block; width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; color:#fff; padding:20px; box-sizing:border-box;}
.pic_link a span{ font-size:28px;color: #fff;}
.pic_link a em{display:block; width:35px; height:35px; background:url(/../cn/statics/images/zxgf_en/li_link.png) no-repeat center; position:absolute;right:20px; bottom:20px;}
.pic_link a p{margin-top:6px;}
.pic_link a i{color:#fff;}
@media screen and (max-width: 1080px){
	.our-banner{/*margin-top:100px;*/}
	.gundong{top:0px;}
	.index_right{min-width:230px;}
}
@media screen and (max-width: 1024px){
	.index_left{width:60%;}
	
}
@media screen and (max-width:768px){
	.pic_link a span{font-size:18px;}
}
@media screen and (max-width: 480px){
	.index_left,.index_right{width:100%;}
	.index_right{ float:left; margin-top:40px;}
	.pic_link a span{font-size:12px;}
	.calendar .pic_link a{padding:10px;}
	.pic_link a p{margin-top:0; font-size:12px!important;}
}


/*investor-email*/
.nosend-email{padding:20px 0 10px;}
.nosend-email p{text-align:center; font-size:12px; color:#333; margin-bottom:6px;}
.nosend-email p a{text-decoration:underline; color:#3366ff;}
.investor-emailcont{width:64%;  max-width:800px; margin:20px auto 30px; background:#f0f0f0; padding-bottom: 1px;}
.em-header{padding:2%; background:#d5000f;}
.em-cont{width:90%; margin:5% auto; background:#fff; border-top:1px solid #d5000f; padding:30px; box-sizing:border-box;}
.em-cont p{font-size:16px; color:#333; margin-bottom:8px; line-height:22px;}
.em-cont p.title{color:#d5000f;font-weight:bold;}
.shuming{margin-top:30px; width:40%; float:right; border-left:1px solid #ccc; padding-left:20px; box-sizing:border-box;}
.em-cont .shuming p{color:#797b80;}
@media screen and (max-width:768px){
	.pic_link a span{font-size:18px;}
	.em-cont p{font-size:12px;}
}
@media screen and (max-width:640px){
	.shuming{ width:60%;}
}
@media screen and (max-width:480px){
	.shuming{ width:100%;}
}

/*Announcements*/
.Announcements{width:100%; height:100%; }
.Announcements iframe{width:100%;max-width: 800px !important;min-height:950px;}
/*fact-sheet*/
.fact-sheet{width:100%; height:100%;}
.fact-sheet iframe{ width:100%; max-width:800px!important; min-height:2450px;}
/*ircalendar*/
.ircalendar{width:100%; height:100%;}
.ircalendar2 iframe{width:100%; min-height:1320px;}

/*annual*/
.our-con .bus-details .bus-details-con .deta-con-l ul .bus-active .sec_more_cont{display:block;}
.our-con .bus-details .bus-details-con .deta-con-l ul .bus-active .sec_more_cont a{color:#333;}
.our-con .bus-details .bus-details-con .deta-con-l ul .bus-active .sec_more_cont a.cur{color:#D5000F;}
.annual{width:100%; height:100%;}
.annual iframe{width:100%; min-height:1500px;}

/*halfyear*/
.halfyear{width:100%; height:100%;}
.halfyear iframe{width:100%; min-height:1460px;}

/*stock Information*/
.tab_table{ border-bottom:1px solid #D5000F;}
.tab_table span{display:inline-block; width:25%; font-size:18px; color:#333; margin-right:1%; background:#f0f0f0; text-align:center; padding:10px 0; cursor:pointer;}
.tab_table span.cur{background:#D5000F; color:#fff;}
.qianru_table{display:none;}
.qianru_table_cur{display:block;}


/*==========以下部分是Validform必须的===========2017-4-24*/
.Validform_checktip{
  margin-left:8px;
  line-height:20px;
  height:20px;
  overflow:hidden;
  color:#999;
  font-size:12px;
}
.Validform_right{
  color:#71b83d;
  padding-left:20px;
  background:url("/../cn/statics/images/zxgf_en/right.png") no-repeat left center;
  margin-top: 10px;
}
.Validform_wrong{
  color:red;
  padding-left:20px;
  white-space:nowrap;
  background:url("/../cn/statics/images/zxgf_en/error.png") no-repeat left center;
  margin-top: 10px;
}
.Validform_loading{
  padding-left:20px;
  background:url("/../cn/statics/images/zxgf_en/onLoad.gif") no-repeat left center;
}
.Validform_error{
  background-color:#ffe7e7;
}
.va-f01{
  position: absolute;
  top: 30px;
  right: 0;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}


/*email-layer-20170504*/
#full_bg2{
	background-color: #000;
	opacity: 0.5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000000;
    position: fixed;
}
#full_bg2.over{
	display: block;
}
.email_layer{ position:fixed; z-index:1000001; width:680px; height:650px; background:#fff;left: 50%;top: 50%;margin-left: -340px;margin-top: -340px; padding:1% 2%; box-sizing:border-box; display:none;}
.email_layer .contact-con .subscript .sub-table label{line-height:30px;}
.email_layer .email-tit{font-size:36px; color:#d50a1d; border-bottom:1px solid #ccc;padding-bottom: 2%;}
.email_layer .email-tit p{ font-size:14px; line-height:5;}
.em-close-btn{display:block; width:40px; height:40px; background:url(/../cn/statics/images/zxgf_en/email_close.jpg) no-repeat left top; position:absolute; top:0; right:-40px; cursor:pointer;}
.email_layer .em-p{font-size:14px; color:#333; text-align:center; padding-top:20px;}
.email_layer .em-p span{margin-right:6px;}
.email_layer .contact-con .subscript .sub-table{margin-top:0;}
.em-from{font-size:18px; color:#d50a1d; border-bottom:1px solid #d50a1d; margin:20px 0; position:relative}
.em-from span{position:absolute; left:0;top: -15px;background: #fff;padding: 0 10px;}
.em-to{ margin-top:10px;}
.email_layer .Validform_checktip{ display:block; margin-left:130px;margin-top: 10px;}
.email_layer .contact-con .subscript .sub-table label{margin-bottom:0;}
.email_layer .contact-con .subscript .sub-table .sub-t-03 .yzm-text{width:160px;}
.email_layer .contact-con .subscript .sub-table .sub-t-04 .sub-btn01{width:230px;}
.email_layer .sub-t-04{margin-top:20px;}
.email_layer input.fxk{display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: -9px;
    margin-right: 8px;
    margin-left: 130px;}
.email_layer .em-fxkp{font-size:14px;} 
.email_layer .contact-con .subscript .sub-table label.sub-btmboder{border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px;}
.em-address{font-size:14px; color:#333; padding-left:32px;}
.email_layer .sub-t-none span.Validform_checktip{display:none;}
.email_layer .Validform_wrong{margin-bottom:10px;}
@media screen and (max-width:767px){
	.email_layer{width:600px; margin-left:-300px;}
}
@media screen and (max-width:640px){
	.email_layer{width:500px; margin-left:-250px;}
}
@media screen and (max-width:480px){
	.email_layer .email-tit{font-size:22px;}
	.email_layer{width:300px; margin-left:-150px;}
	.email_layer .email-tit p{line-height:2.5; font-size:12px;}
	.email_layer .contact-con .subscript .sub-table label .tab-w-text{width:56%;}
	.email_layer input.fxk{margin-left:20px;}
	.em-address{padding-left:16px;}
	.email_layer .contact-con .subscript .sub-table .sub-t-03 .yzm-text{width:46%;}
	.email_layer .contact-con .subscript .sub-table .sub-t-04 .sub-btn01{width:50%;}
	.email_layer .contact-con .subscript .sub-table .sub-t-03 .yzm-img{width:30%;}
}
@media screen and (max-width:320px){
	.email_layer{position:absolute;}
}
/*right_fu_layer*/
.right-win{
  position: fixed;
  bottom: 150px;
  right: 0;
  width: 48px;
  z-index: 999;
}
.right-win .fx-bt{
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 0 2px 0 !important;
  padding-left: 0;
}
.right-win .btn-share{
  width: 48px;
  height: 48px;
}
.right-win .btn-share:hover .jt-list {
  display: block !important;
}

.right-win .l-active,
.right-win .fx-bt:hover{
  background-color:#da0000 !important; 
}
.right-win .r-w-link01{
  background:url(/../cn/statics/images/zxgf_en/rightIcon01.png) no-repeat;
  background-color:  rgba(180,180,181,0.6);
  background-position: center center;
}
.right-win .r-w-link02{
  background: url("/../cn/statics/images/zxgf_en/rightIcon02.png") no-repeat;
  background-color:  rgba(180,180,181,0.6);
  background-position: center center !important;
}
.right-win .r-w-link02 span{
  background: none;
}
.right-win .r-w-link03{
  background: url("/../cn/statics/images/zxgf_en/rightIcon03.png") no-repeat;
  background-color:  rgba(180,180,181,0.6);
  background-position: center center;
}
.right-win .r-w-link04{
  display: none;
  background: url("/../cn/statics/images/zxgf_en/rightIcon04.png") no-repeat;
  background-color:  rgba(180,180,181,0.6);
  background-position: center center;
  background-size:26px 26px;
}
.right-win .jt-list{
  display: none !important;
  position: fixed;
  right: 48px;
  bottom: 168px;
  width: 100px;
  border: 1px solid #969696;
  padding: 5px ;
  background: #fff;
}
.right-win .jt-list ul{
  width: 100%;
}
.right-win .jt-list ul li{
  height: 24px;
  line-height: 24px;
}
.right-win .jt-list ul li a{
  display: block;
  height: 24px;
  line-height: 24px;
  padding-left: 24px;
  margin: 0px 0px 0px 0;
}
.right-win .jt-list ul li .j-fb{
  
  background: url("/../cn/statics/images/zxgf_en/f-icon01.png") no-repeat; 
  background-position: left center;
}
.right-win .jt-list ul li .j-sina{
  background: url("/../cn/statics/images/zxgf_en/f-icon02.png") no-repeat; 
  background-position: left center;
}
.right-win .jt-list ul li .j-tw{
  background: url("/../cn/statics/images/zxgf_en/f-icon03.png") no-repeat; 
  background-position: left center;
}
.right-win .jt-list ul li .j-gg{
  background: url("/../cn/statics/images/zxgf_en/f-icon04.png") no-repeat; 
  background-position: left center;
}
.right-win .jt-list ul li .j-pin{
  background: url("/../cn/statics/images/zxgf_en/f-icon05.png") no-repeat; 
  background-position: left center;
}
.right-win .jt-list ul li a span{
  font-size: 14px;
  background: none;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 !important;
}
/*email-layer-20170504-End*/